﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/MenuSystemSite.master"
    Inherits="System.Web.Mvc.ViewPage<MenuSystem.Models.tabViewModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <!---Header Needed?
    <h2>
        Spectrum Health Menu System</h2>
    --->
    <head>
        <script type="text/javascript">
            $(document).ready(function () {
                $("#tabContainer").tabs();
            });    
        </script>
        <link rel="stylesheet" href="../../Css/CssReferenceFileFromNewsCenter.css" />
    </head>
    <!---To Do: Create tabs dynamically--->
    <div id="tabContainer">
        <ul>
            <li><a href="#tabs-1"><span id="name">All</span></a></li>
            <!--li><a href="#tabs-2">Tab #2</a></li-->
        </ul>
        <div id="tabs-1">
            <% Html.RenderPartial("_backEndTab1", Model);  %>
        </div>
        <!--div id="tabs-2"-->
        <!--% Html.RenderPartial("_tab2", Model);  %-->
        <!--/div-->
    </div>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="TemplateLeftNav" runat="server">
    <script type="text/javascript">
        $(function () {
            $("#datepicker").datepicker();
        });
    </script>
    

<script type="text/javascript">
    $(document).ready(function () {
        $(":checkbox").wrap("<span style='background-color:white' />");
    });
</script>

<script type="text/javascript">
    function updateLabel(option) {
        document.getElementById("name").innerHTML= option;
   }
</script>

  <form action="">
      <div class="filters">
        <div class="field">
          <label onmouseover="updateLabel()">Select A Location:</label>
          <select name="Hospital" id="Hospital">
            <option value=""onmouseup="updateLabel('All')">All</option>
            
              <option value="BWH" onmouseup="updateLabel('Butterworth Hospital')">
               Butterworth Hospital
              </option>

              <option value="BH" onmouseup="updateLabel('Blodgett Hospital')">
                Blodgett Hospital
              </option>
              <option value="SC" onmouseup="updateLabel('South Campus')">
                South Campus
              </option>
              <option value="44St60St" onmouseup="updateLabel('44th Stree & 60th Street')">
                44th Stree & 60th Street
              </option>
              <option value="Cafe44" onmouseup="updateLabel('Cafe 44 - Business Service Center')">
               Cafe 44 - Business Service Center
              </option>
              <option value="Coffe Shop" onmouseup="updateLabel('Coffee Shop (Blodgett Campus)')">
                Coffee Shop (Blodgett Campus)
              </option>
              <option value="LHCP" onmouseup="updateLabel('Lemmen-Holton Cancer Pavilion ')">
               Lemmen-Holton Cancer Pavilion 
              </option>
                <option value="Fuller" onmouseup="updateLabel('Fuller Avenue Campus')">
                Fuller Avenue Campus  
              </option>
                <option value="HDCH" onmouseup="updateLabel('Helen DeVos Childrens Hospital ')">
                Helen DeVos Children's Hospital   
              </option>
          </select>
        </div>
      </div>
        <br />
      </form>

 <div class="demo">
        <p>
             Search by Date:
            <input type="text" id="datepicker"></p>
    </div>
  
<form action="">
Add Location: <input type="text" name="location" />
<br />
<br />
<input type="checkbox" name="Breakfast" value="Breakfast" />
Breakfast
<br />

<input type="checkbox" name="Lunch" value="Lunch" />
Lunch
<br />

<input type="checkbox" name="Dinner" value="Dinner" />
Dinner
<br />
<input type="checkbox" name="3rd Shift" value="3rd Shift" />
3rd Shift
<br />
<br />
</form>

  <form action="">
      <div class="filters">
        <div class="field">
          <label>Allergy:</label>
          <select name="Hospital" id="Select1" >
            <option value="">None</option>     
              <option value="Dairy">
               Dairy
              </option>
              <option value="Peanut">
                Peanuts
              </option>
              <option value="Gloucse">
                Gloucse
              </option>
          </select>
        </div>
      </div>

      </form>



</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="TemplateRightNav" runat="server">
</asp:Content>
